<template>
  <div id="fat">
    <h1>我是(组)组件{{name}}</h1>
    <Child></Child>
  </div>
</template>

<script>
  import Child from './components/Child.vue'
  import { provide, toRefs } from 'vue'
  export default {
    name: 'App',
    components: { Child },
    setup() {
      let car = {
        name: 'xiaomi',
        price: '1999'
      }
      provide('car', car)
      return {
        ...toRefs(car)
      }
    }
  }
</script>

<style>
  #fat {
    background-color: skyblue;
    width: 3000px;
  }
</style>